<template>
	<view>
		<!-- 头部 -->
		<uni-nav-bar leftWidth='200rpx' rightWidth='200rpx' height="130rpx" white left-icon="left" leftText="返回"
			title="添加车辆" />


		<!-- 图片 -->
		<view class="car">
			<image class="logo" src="/static/images/mycars.jpg"></image>
		</view>
		<view class="bus">
			<input type="text" placeholder="请输入车牌号" class="centered-input" />
		</view>

		<button class="btn" @click="$utils.go('/pages/Mycar/Mycars')">添加</button>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	page {
		width: 100%;
		height: 100vh;
		background-color: aliceblue
	}


	/deep/.uni-navbar__content {
		border: none;
	}

	/deep/.uni-nav-bar-text {
		font-size: 35rpx !important;
	}

	/deep/.uni-navbar-btn-text span {
		font-size: 20rpx !important;
	}

	.car {
		height: 240rpx;
	}

	.car image {
		width: 100%;
		height: 240rpx;
	}

	.bus {
		width: 640rpx;
		height: 95rpx;
		background-color: white;
		/* 	margin-top:97rpx ;
		margin-left:60rpx ; */
		/* margin: 97rpx 60rpx 0; */
		
		
		border-radius: 10rpx;
		line-height: 95rpx;
		
		margin: 0 auto;
		margin-top: 97rpx;
	}

	.centered-input {
		text-align: center;
		height: 95rpx;
		/* 输入框高度 */
		line-height: 95rpx;
		/* 输入框高度与行高相同，实现文字垂直居中 */
	}

	.btn {
		width: 650rpx;
		height: 100rpx;
		background-color: #0387ff;

		color: white;
		border-radius: 50rpx;
		line-height: 100rpx;
		font-size: 28rpx;
		margin: 0 auto;
		margin-top: 180rpx;
	}
</style>